.cardCarousel {
  .swiper {
    min-height: 240rpx;

    .recommendedGuestItem {
      border-radius: 24rpx;
      padding: 20rpx;

      .guestItemTop {
        height: 252rpx;
        background: linear-gradient(135deg, rgba(173, 81, 232), rgb(210, 158, 243));
        border-radius: 20rpx 20rpx 0 0;
        display: flex;
        align-items: center;
        gap: 20rpx;
        padding: 20rpx 40rpx;

        .itemTopLeft {
          width: 150rpx;
          height: 150rpx;

          .recommendedImg {
            width: 100%;
            height: 100%;
            border-radius: 200rpx;
          }
        }

        .itemTopRight {
          text-align: left;

          .sex {
            color: #ffffff;
            font-size: 44rpx;
            font-weight: bold;
          }

          .name {
            color: #ffffff;
            font-size: 28rpx;
            margin-top: 10rpx;
          }
        }
      }

      .guestItemButton {
        height: 700rpx;
        //box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
        //2px 0 4px rgba(0, 0, 0, 0.1),
        //-2px 0 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0 0 20rpx 20rpx;

        .personalLst {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          flex-wrap: wrap;
          margin-top: 20rpx;

          .personaItem {
            padding: 10rpx 20rpx;
            background-color: #F2E7F9;
            color: #AD51E8;
            font-size: 24rpx;
            text-align: center;
            border-radius: 40rpx;
            margin: 10rpx;
          }
        }

        ::-webkit-scrollbar {
          display: none;
          width: 0;
          height: 0;
          color: transparent;
        }

        .problem {
          background-color: #F2E9F9;
          margin: 30rpx 40rpx;
          padding: 30rpx 12rpx;
          border-radius: 21rpx;
          max-height: 240rpx;
          overflow: auto;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          -ms-overflow-style: none;

          .herPrice {
            text-align: left;
            height: 40rpx;
            line-height: 40rpx;

            .problemImg {
              width: 34rpx;
              height: 24rpx;
            }

            .title {
              font-size: 28rpx;
              margin-left: 15rpx;
            }
          }

          .textP {
            text-indent: 2em;
            text-align: justify;
            font-size: 22rpx;
            margin-top: 30rpx;
            line-height: 1.5;
          }

          .liList {
            margin: 0 44rpx;
            text-align: left;

            .liItem {
              margin-top: 10rpx;
              text-align: justify;
              font-size: 22rpx;
              line-height: 1.5;

              .title {
                font-size: 24rpx;
              }

              .text {
                text-indent: 2em;
                text-align: justify;
                font-size: 22rpx;
                line-height: 1.5;
              }
            }

          }
        }
      }
    }
  }
}